<template>
  <div>
    <el-form-item label="文本对齐">
      <el-radio-group v-model="data.styles.textAlign">
        <el-radio label="left">左</el-radio>
        <el-radio label="center">中</el-radio>
        <el-radio label="right">右</el-radio>
      </el-radio-group>
    </el-form-item>
    <el-form-item label="颜色">
      <el-color-picker
        v-model="data.styles.color"
        size="mini"
      />
    </el-form-item>
    <el-form-item label="字体大小">
      <el-input
        v-model="data.styles.fontSize"
        clearable
        placeholder="字体大小"
      />
    </el-form-item>
    <el-form-item label="粗体">
      <el-select v-model="data.styles.fontWeight" placeholder="粗体" clearable>
        <el-option
          v-for="item in options"
          :key="item"
          :label="item"
          :value="item"
        />
      </el-select>
    </el-form-item>
  </div>
</template>

<script>
  export default {
    name: 'ConfigTitle',
    props: ['data'],
    data() {
      return {
        options: [
          '100',
          '200',
          '300',
          '400',
          '500',
          '600',
          '700',
          '800',
          '900',
          'blod',
          'bloder',
          'inherit',
          'initial',
          'lighter',
          'normal',
          'revert',
          'unset',
        ],
      }
    },
  }
</script>
